<template>
  <div class="simple-test">
    <h1>简单测试页面</h1>
    <p>如果你能看到这个页面，说明 Vue 应用正常工作。</p>
    <p>当前时间: {{ currentTime }}</p>
  </div>
</template>

<script setup>
import { ref, onMounted } from 'vue'

const currentTime = ref('')

onMounted(() => {
  currentTime.value = new Date().toLocaleString()
  console.log('✅ 简单测试页面已加载')
})
</script>

<style scoped>
.simple-test {
  padding: 20px;
  text-align: center;
}

h1 {
  color: #2c3e50;
}

p {
  margin: 10px 0;
  color: #666;
}
</style>
